/*topic页面*/
img {
	image-rendering:-moz-crisp-edges;
	image-rendering:-o-crisp-edges;
	image-rendering:-webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode:nearest-neighbor;
}
.dmbody{
    background: url(/static/weui/images/dm/bg.png) no-repeat;
    background-size: 100%;
    background-color: #2e2757;
    height: auto;
}
.bottomyun{
    width: 100%; position:absolute;bottom: 0; 
}
.titletop{
    width: 100%; 
}
.startdiv{text-align: center; margin: 20px auto;}
.starttitle{font-size: 14px; margin-bottom: 10px; color: #f7f7f7;}
.topic{position: relative;height: auto;overflow-y:auto;width: 85%; margin:10px auto;line-height: 25px; }

.topic-frameli{text-align: center;line-height: 30px;margin:10px auto 15px auto;color: #000000;background-size: cover;}
.topic-frameli div{display: inline-block;color: #fbb561;}
.entrance-bottom{width: 100%;position: relative;z-index: 10;height:-webkit-fill-available;overflow-x: hidden;}
.entrance-bottom-frame{transition: all 0.5s;width: 10000%;margin: 0 auto;margin-top:0.3rem;}
.entrance-bottom-frame-line{transition: all 0.5s;pointer-events: none;cursor: default;width: 1%;float: left;position: relative;padding: 0 10px;box-sizing: border-box;}

.entrance-bottom-frame-line-title{line-height:25px; font-size: 16px; margin-bottom: 10px;}
.entrance-bottom-frame-line-button{transition: margin 0.5s;position: relative;cursor: pointer;width: 100%;margin-bottom:15px;float: left;box-sizing: border-box;background: #f7f7f7;border-radius: 10px;padding: 0 5px; font-size: 14px;}
.entrance-bottom-frame-line-button-frame{width: 100%;display: table-cell; vertical-align:middle;padding:5px 0px 5px 10px;}
.entrance-bottom-frame-line-button-id{display: table-cell; vertical-align: middle;}
.entrance-bottom-frame-line-button:hover{color: white; background: #f86d07}
.entrance-bottom-frame-line.active{pointer-events: auto;  }
.entrance-bottom-frame-line.active .entrance-bottom-frame-beijing{display: none;}
.entrance-bottom-frame-beijing.none{background: #000000;opacity: 0.2;}
.tishiimg{width: 100%;}
.weui-model{width:100%;height:100%;position:fixed;z-index:9999;top:0;left:0;display:block;text-align:center; }
		.model-mask{width:100%;height:100%;background-color:#000;opacity:.7;cursor:pointer}
		.model-main{padding-bottom: 10px; width:70%;min-height:2.5em;background-color:#fff;color:#333;z-index:99999;border-radius:.2em;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
		.model-main .close{position:absolute;top:-40px;right:-10px;width:35px;height:35px;padding:5px;background:url() no-repeat center center;background-size:auto;background-size:25px 25px}
		.model-main .model-head{font-size:20px;padding:.6em 0;background:-webkit-gradient(linear,left top,left bottom,from(#fd7a71),to(#e5484c));background:-webkit-linear-gradient(top,#fd7a71,#e5484c);background:linear-gradient(to bottom,#fd7a71,#e5484c);border-radius:.1em .1em 0 0;position:relative}
		.model-main .model-head p{color:#fff}.model-main .model-head p:nth-child(1){font-size:20px;line-height:1.5;font-weight:bold}
		.model-main .model-head p:nth-child(2){font-size:16px;line-height:1.5}.model-main .model-body{padding:.5em;-webkit-box-sizing:border-box;box-sizing:border-box;min-height:5em;width:100%}
		.model-main .model-body img{margin-top:.1em;width:70%}.model-main .model-body p{color:#333;line-height:1.6;font-size:16px}

		.page{

            text-align: center;
            position: relative;
        }
        .page1{
			background: url('/static/weui/images/dl/1.jpg') no-repeat;
			background-size: 100%;
			background-color: #9a0002;
        }
        .page2{
			background: url('/static/weui/images/dl/2.jpg') no-repeat;
			background-size: 100%;
			background-color: #9a0002;
        }
        .page3{
			background: url('/static/weui/images/dl/3.jpg') no-repeat;
			background-size: 100%;
			background-color: #9a0002;
        }
        .page4{
			background-color: #9a0002;
        }
        .indicator{
            position: fixed;
            right: 10px;
            top: 50%;
            margin-top: -40px;
        }
        .indicator li{
            margin-top: 10px;
            width: 10px;
            height: 10px;
            border-radius: 100px;
            background: rgba(0,0,0,0.5);
            text-indent: -9999px;
            list-style: none;
        }
        .indicator li.cur{
            background: rgba(255,255,255,0.5);
        }
        .btnzd{
            position:absolute; bottom: 8%; left: 30%; width: 150px;
        }

.titleimg{

}
.titleimg img{ width: 100%;}
.weui-header{ position:absolute; top:0}
.weui-cells {
     margin-top: 0px;
    background-color: #ffffff;
    line-height: 1.47058824;
    font-size: 17px;
    overflow: hidden;
    position: relative;
}
.btnzd{
    
	animation:pulse 1100ms infinite ;
}
.dmsz{
    animation:fadeInLeftBig 1000ms 1;
    width: 200px;
}
.liheimg{ width: 18%;position: absolute; bottom: 2% ; right: 2%;animation:tada 3000ms infinite ;}
.topimg {
    width: 100%; margin-top: 20px;
}
.titleimg{ text-align: left;}
.titleimg img{ width: 100%;}
.titleimg2{ text-align: center;}
.titleimg2 img{ width: 61%;}
.title3{ text-align: center; position: absolute; width: 100%;text-align: center; top: 40px;}
.title3 img{ width: 61% !important;}
.map{position: relative; width: 100%; height: 280px; ;}
.map img{width: 100%; position: absolute;height: auto;}
.rankdiv{text-align: center;}
.rankdiv img{width: 22%;}
.dlimgs{animation:pulse 1100ms infinite ;}
.dmimgs{animation:pulse 1100ms infinite ;}
.bottomdiv{position: relative; margin-bottom: 80px;}
.bottomdiv img{width: 100%;}
.liwuimg{ position: absolute; right: 0; top:140px; width: 35% !important; }
.liwuhimg{ position: absolute; right: 2%; top:80px;width: 32% !important; animation:tada 3000ms infinite ;}
.indexbg{ background: url('/static/weui/images/index/bg.jpg') no-repeat; background-size: 100%; background-color: #370f03;}
.dlrank{text-align: center; position: absolute; top:48%; width: 100%;}
.dlrank img{width: 22%;}
.rankbtn{ margin-left: 10%;}
.model-mainjieshao{width:85%;min-height:2.5em;background-color:#fff;color:#333;z-index:99999;font-size: 16px;padding: 5px 10px;
    border-radius:.2em;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);animation:fadeIn 500ms ;}
.model-mainjieshao .close{position:absolute;top:-40px;right:-10px;width:35px;height:35px;padding:5px;background:url() no-repeat center center;background-size:auto;background-size:25px 25px}

.weui-tabbar__item.weui-bar__item_on .weui-tabbar__icon, .weui-tabbar__item.weui-bar__item_on .weui-tabbar__icon > i, .weui-tabbar__item.weui-bar__item_on .weui-tabbar__label {
    color: #97282e;
}